<!DOCTYPE html>
<html lang="en"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <script src="/js/rem.js" type="text/javascript"></script>
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="telephone=no" name="format-detection">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <link rel="stylesheet" href="/css/common.css" type="text/css">

    <link rel="stylesheet" href="/css/record.css" type="text/css">

</head>
<body>
<div style="margin:50% auto;text-align:center;color: red;font-size: 30px;" th:if="${prizeUser}==null">

    活动未评奖！

</div>
<div style="margin:50% auto;text-align:center;color: red;font-size: 30px;" th:if="${prizeUser}!=null and ${prizeUser.getPRIZE_ID()}==null">

    很遗憾，您未中奖！

</div>
<div style="width: 100%" th:if="${prizeUser}!=null and ${prizeUser.getPRIZE_ID()}!=null">
    <img src="/img/win.png" style="width: 100%;position: absolute; z-index: -1;opacity:0.8;top:0;transform: translateX(-50%);    margin: 20% auto;    left: 50%;" th:if="${prizeUser.getIS_AWARD()}==1">
    <img src="/img/los.png" style="width: 100%;position: absolute; z-index: -1;opacity:0.8;top:0;transform: translateX(-50%);    margin: 20% auto;    left: 50%;" th:if="${prizeUser.getIS_AWARD()}==0">
    <p style="width: 70%;margin: 10% auto; text-align:center">您的作品<br>
        <span style="color: red" th:text="${prizeUser.getWORK_NAME()}">《给我一首歌的时间》</span>
        <br>在
        <span style="color: red" th:text="${prizeUser.getACTIVITY_NAME()}">“你荐我供”线上好书推荐活动</span>中
        <br>荣获
        <span style="color: red" th:text="${prizeUser.getPRIZE_NAME()}">最佳推荐奖</span>
    </p>
    <p style="width: 70%;margin: 10% auto;">
        <span>领奖地址：</span> <span th:if="${prizeUser.getDISTRICT()}!=null" th:text="${prizeUser.getDISTRICT()}">山东省济南市历下区山东省济南市历下区山东省济南市历下区山东省济南市历下区</span><span th:if="${prizeUser.getDISTRICT()}==null">暂定</span><br><br>
        <span>领奖时间：</span> <span th:if="${prizeUser.getSTART()}!=null" th:text="${prizeUser.getSTART()}+'至'">2020.02.03</span><span th:if="${prizeUser.getSTART()}!=null" th:text="${prizeUser.getEND()}">2020.04.30</span><span th:if="${prizeUser.getSTART()}==null">暂定</span>
    </p>
    <p style="width: 70%;margin: 10% auto;font-size: 15px" th:if="${prizeUser.getNOTE()}!=null">
        <span>注：</span> <span th:text="${prizeUser.getNOTE()}">山东省济南市历下区山东省济南市历下区山东省济南市历下区山东省济南市历下区</span><br>
    </p>
    <p style="width: 70%;margin: 10% auto;font-size: 15px" th:if="${prizeUser.getNOTE()}==null">
        <span>注：</span> <span>如有疑问请联系主办方</span><br>
    </p>
</div>
<button onclick="back()" style="display:block;margin:0 auto;background-color: #feb100;width: 60px;height: 30px; margin-top: 20%;">返回</button>
<script>
    function back() {
        window.history.back(-1);
    }
</script>
</body>
</html>